<!DOCTYPE html>
<html>

<head>
    <title>千锋宿舍管理系统</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/stytem.css">
    <script src="../js/bootstrap.js"></script>
    <script src="../js/checklLogin.js"></script>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/ajax.js"></script>
</head>
<style>
</style>

<body style="background-image: url(../img/dlem.jpg);">
    <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
    </svg>
    <main>
        <div class="d-flex flex-column flex-shrink-0 p-3"
            style="width: 280px;background-color: #fff;margin:30px 0 0 30px;background-color:#28313c !important;">
            <div><span class="fs-4" style="font-weight: 700;color: #f7ffff;margin-left: 20px;">千锋宿舍管理系统</span></div>
            <hr>
            <ul class=" nav nav-pills flex-column mb-auto">
                <li class="nav-item">
                    <a href="./home.html" class="nav-link link-dark" aria-current="page"
                        style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#home" />
                        </svg>
                        情况总览
                    </a>
                </li>
                <li>
                    <a href="./dormitoryStaff.html" class="nav-link link-dark"
                        style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#speedometer2" />
                        </svg>
                        宿舍人员
                    </a>
                </li>
                <li>
                    <a href="./Absentstudent.html" class="nav-link link-dark" style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#table" />
                        </svg>
                        缺勤登记
                    </a>
                </li>
                <li>
                    <a href="./moveIn.html" class="nav-link active"
                        style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#table" />
                        </svg>
                        入住申请
                    </a>
                </li>
                <li>
                    <a href="./manage.html" class="nav-link link-dark"
                        style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#grid" />
                        </svg>
                        管理人员
                    </a>
                </li>
                <li>
                    <a href="./updatepassword.html" class="nav-link link-dark"
                        style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#people-circle" />
                        </svg>
                        修改密码
                    </a>
                </li>
                <li>
                    <a href="#" class="nav-link link-dark" style="font-size: 20px;font-weight: 700;color: #f7ffff;"
                        id="logout">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#people-circle" />
                        </svg>
                        退出系统
                    </a>
                </li>
            </ul>
        </div>
        <div style="width:100%;height:100%; margin: 30px;">
            <div class="card p-3 mb-2 bg-white bg-gradient text-dark"
                style="width:100%;height: 70px; flex-direction: row; justify-content: space-between;padding: none;background-color: #28313c !important;">
                <h2 style="color: #f7ffff;">入住申请</h2>
                <span id="center" style="font-size: 26px;color: #f7ffff;"></span>
                <div>
                    <img src="../img/aaa.jpg" style="width: 50px;height: 45px;border-radius: 39%;" alt="">
                    <span id="manageName"
                        style="font-size: 25px;line-height: 35px;color: #f7ffff;">文渊</span>&nbsp;&nbsp;
                    <button type="button" class="btn btn-danger btn-sm" style="margin-bottom: 5px;"
                        id="quit">退出</button>
                </div>
            </div>
            <div class="card p-3 mb-2 bg-white bg-gradient text-dark"
                style="width:100%;height: 100%;background-color: #fff;margin-top: 20px;text-align: center;">
                <div style="width: 100%;text-align: right;margin-bottom: 10px;">
                    <div style="width: 100%;text-align: right;margin-bottom: 10px;">
                        <input type="text" id="likename" placeholder="请输入查询名">
                        <button type="button" onclick="likename()" class="btn btn-primary btn-sm" style="padding:5px 15px;">搜索</button>
                        <button type="button" onclick="queryAll()" class="btn btn-success btn-sm" style="padding:5px 15px;">全部</button>
                    </div>
                </div>
                <table class="table table-bordered table table-hover table-sm">
                    <thead class="table-dark">
                        <tr>
                            <th>姓名</th>
                            <th>宿舍楼</th>
                            <th>房间号</th>
                            <th>床号</th>
                            <th>专业</th>
                            <th>班级</th>
                            <th>性别</th>
                            <th>学号</th>
                            <th>电话</th>
                            <th>家庭电话</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        
                    </tbody>
                </table>
                <!-- 分页 -->
                <div>
                    <ul class="pagination">
                        <li class="page-item"><a class="page-link" href="#" onclick="first()">首页</a></li>
                        <li class="page-item"><a class="page-link" href="#" onclick="up()">上一页</a></li>
                        <li class="page-item"><a class="page-link" href="#" onclick="down()">下一页</a></li>
                        <li class="page-item"><a class="page-link" href="#" onclick="last()">尾页</a></li>
                       
                      </ul>
                <!-- <button onclick="first()">首页</button>
                <button onclick="up()">上一页</button>
                <button onclick="down()">下一页</button>
                <button onclick="last()">尾页</button> -->
                </div>
            </div>
        </div>
        <div class="b-example-divider"></div>
    </main>
</body>
<script src="../js/moveIn.js"></script>
<script src="../js/systemTime.js"></script>
</html>